<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
		<meta name="description" content="Everest Admin Panel" />
		<meta name="keywords" content="Admin, Dashboard, Bootstrap3, Sass, transform, CSS3, HTML5, Web design, UI Design, Responsive Dashboard, Responsive Admin, Admin Theme, Best Admin UI, Bootstrap Theme, Wrapbootstrap, Bootstrap" />
		<meta name="author" content="Bootstrap Gallery" />
		<link rel="shortcut icon" href="img/favicon.ico">
		<title>sugonTravle</title>
		
		<!-- Bootstrap CSS -->
		<link href="css/bootstrap.css" rel="stylesheet" media="screen">

		<!-- Animate CSS -->
		<link href="css/animate.css" rel="stylesheet" media="screen">

		<!-- Alertify CSS -->
		<link href="css/alertify/alertify.core.css" rel="stylesheet">
		<link href="css/alertify/alertify.default.css" rel="stylesheet">

		<!-- Main CSS -->
		<link href="css/main.css" rel="stylesheet" media="screen">

		<!-- Datepicker CSS -->
		<link rel="stylesheet" type="text/css" href="css/datepicker.css">

		<!-- Font Awesome -->
		<link href="fonts/font-awesome.min.css" rel="stylesheet">

		<!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
			<script src="js/html5shiv.js"></script>
			<script src="js/respond.min.js"></script>
		<![endif]-->
		<style>
			/* 去除左下角的 logo */
			.BMap_cpyCtrl {
				display:none;
			}
			.anchorBL{
				display:none;
			}
		</style>

	</head>  

	<body>

		<!-- Header Start -->
		<header>

			<!-- Logo starts -->
			<div class="logo">
				<a href="#">
					<img src="img/logo.png" alt="logo">
					<span class="menu-toggle hidden-xs">
						<i class="fa fa-bars"></i>
					</span>
				</a>
			</div>
			<!-- Logo ends -->

			<!-- Custom Search Starts -->
			<div class="custom-search pull-left hidden-xs hidden-sm">
				<input type="text" class="search-query" placeholder="Search here">
				<i class="fa fa-search"></i>
			</div>
			<!-- Custom Search Ends -->

			<!-- Mini right nav starts -->
			<div class="pull-right">
				<ul id="mini-nav" class="clearfix">
					<li class="list-box hidden-lg hidden-md hidden-sm" id="mob-nav">
						<a href="#">
							<i class="fa fa-reorder"></i>
						</a>
					</li>
					<li class="list-box dropdown hidden-xs">
						<a id="drop7" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-image"></i>
						</a>
						<span class="info-label info-bg animated rubberBand">7+</span>
						<ul class="blog-gallery dropdown-menu fadeInDown animated clearfix recent-tweets">
							<li>
								<img src="img/user1.jpg" alt="User">
							</li>
							<li>
								<img src="img/user2.jpg" alt="User">
							</li>
							<li>
								<img src="img/user3.jpg" alt="User">
							</li>
							<li>
								<img src="img/user4.jpg" alt="User">
							</li>
							<li>
								<img src="img/user5.jpg" alt="User">
							</li>
							<li>
								<img src="img/user6.jpg" alt="User">
							</li>
							<li>
								<img src="img/user7.jpg" alt="User">
							</li>
							<li>
								<img src="img/user8.jpg" alt="User">
							</li>
							<li>
								<img src="img/user9.jpg" alt="User">
							</li>
							<li>
								<img src="img/user3.jpg" alt="User">
							</li>
						</ul>
					</li>
					
					<li class="list-box dropdown hidden-xs">
						<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bell"></i>
						</a>
						<span class="info-label danger-bg animated rubberBand">4</span>
						<ul class="dropdown-menu bounceIn animated messages">
							<li class="plain">
								Messages
							</li>
							<li>
								<div class="user-pic">
									<img src="img/user4.jpg" alt="User">
								</div>
								<div class="details">
									<strong class="text-danger">Wilson</strong>
									<span>Uploaded 28 new files yesterday.</span>
									<div class="progress progress-xs no-margin">
										<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="user-pic">
									<img src="img/user1.jpg" alt="User">
								</div>
								<div class="details">
									<strong class="text-danger">Adams</strong>
									<span>Got 12 new messages.</span>
									<div class="progress progress-xs no-margin">
										<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="user-pic">
									<img src="img/user3.jpg" alt="User">
								</div>
								<div class="details">
									<strong class="text-info">Sam</strong>
									<span>Uploaded new project files today.</span>
									<div class="progress progress-xs no-margin">
										<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="user-pic">
									<img src="img/user5.jpg" alt="User">
								</div>
								<div class="details">
									<strong class="text-info">Jennifer</strong>
									<span>128 new purchases last 3 hours.</span>
									<div class="progress progress-xs no-margin">
										<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
										</div>
									</div>
								</div>
							</li>
						</ul>
					</li>
					<li class="list-box user-profile hidden-xs">
						<a href="login.html" class="user-avtar animated rubberBand">
							<img src="img/user4.jpg" alt="user avatar">
						</a>
					</li>
				</ul>
			</div>
			<!-- Mini right nav ends -->

		</header>
		<!-- Header ends -->

		<!-- Left sidebar starts -->
		<aside id="sidebar">

			<!-- Current User Starts -->
			<div class="current-user">
				<div class="user-avatar animated rubberBand">
					<img src="img/user4.jpg" alt="Current User">
					<span class="busy"></span>
				</div>
				<div class="user-name">Welcome Mr. Lu</div>
				<ul class="user-links">
					<li>
						<a href="profile.html">
							<i class="fa fa-user text-success"></i>
						</a>
					</li>
					<li>
						<a href="invoice.html">
							<i class="fa fa-file-pdf-o text-warning"></i>
						</a>
					</li>
					<li>
						<a href="components.html">
							<i class="fa fa-sliders text-info"></i>
						</a>
					</li>
					<li>
						<a href="login.html">
							<i class="fa fa-sign-out text-danger"></i>
						</a>
					</li>
				</ul>
			</div>
			<!-- Current User Ends -->

			<!-- Menu start -->
			<div id='menu'>
                <ul>
                    <li class="highlight">
                        <a href='index.html'>
                            <i class="fa fa-desktop"></i>
                            <span>仪表盘</span>
                            <span class="current-page"></span>
                        </a>
                    </li>
                    <li>
                        <a href='team-members.html'>
                            <i class="fa fa-user"></i> 
                            <span>团员管理</span>
                        </a>
                    </li>
                    <li>
                        <a href='new-group.html'>
                            <i class="fa fa-flask"></i> 
                            <span>新建团队</span>
                        </a>
                    </li>
                    <li>
                        <a href='groups.html'>
                            <i class="fa fa-calendar"></i> 
                            <span>团队管理</span>
                        </a>
                    </li>
                    <li>
                        <a href='work-members.html'>
                            <i class="fa fa-github-alt"></i> 
                            <span>员工管理</span>
                        </a>
                    </li>
                    <li>
                        <a href='packages.html'>
                            <i class="fa fa-globe"></i> 
                            <span>套餐管理</span>
                        </a>
                    </li>
                    <li>
                        <a href='routes.html'>
                            <i class="fa fa-arrows-h"></i> 
                            <span>路线管理</span>
                        </a>
                    </li>
                    <li>
                        <a href="http://182.61.146.234:8069/web?#action=128&model=tour.route&view_type=list&menu_id=96" target="_Blank" style='text-decoration:none;'>
                            <i class="fa fa-pencil fa-fw"></i>
                            <span>报表助手</span>
                        </a>
                    </li>
                </ul>
            </div>
                <!-- Menu End -->

                <div class="modal fade" id="mapInput" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                    ×
                                </button>
                                <h4 class="modal-title">
                                    查询城市路线
                                </h4>
                            </div>
                            <div class="modal-body">
                                <form class="form-horizontal" role="form">

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">城市</label>
                                        <div class="col-sm-9" >
                                            <select class="form-control citys" name="city" id="map_city">
                                                <!-- 从后端取到数据 -->
                                                <!-- 如果不选，默认为武汉 -->
                                                <option value="4" id="defaultOption">请选择城市</option>
                                            </select>
                                        </div>
                                    </div>
        
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">
                                    关闭
                                </button>
                                <button type="submit" data-dismiss="modal"  class="btn btn-primary" id="map_city_confirm">
                                    提交
                                </button><span id="tip"> </span>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal -->
                </div>
    
                <!-- Freebies Starts -->
                <div class="freebies">
                    
                    <!--Sidebar Extras-->       
                    <div class="sidebar-addons">
                        <ul class="views">
                            <li>
                                <a href='city.html'>
                                    <i class="fa fa-circle-o text-success"></i>
                                    <div class="details">
                                        <p>城市信息</p>
                                    </div>
                                </a>
                                
                                <!--<span class="label label-success">8</span>-->
                            </li>
                            <li>
                                <a href='sights.html'>
                                    <i class="fa fa-circle-o text-info"></i>
                                    <div class="details">
                                        <p>景点信息</p>
                                    </div>
                                </a>
                                <!--<span class="label label-info">7</span>-->
                            </li>
                            <li>
                                <a href='#' data-toggle="modal" data-target="#mapInput">
                                    <i class="fa fa-circle-o text-danger"></i>
                                    <div class="details">
                                        <p>地图信息</p>
                                    </div>
                                </a>
                                <!--<span class="label label-danger">4</span>-->
                            </li>
                        </ul>
                    </div>
                </div>
			<!-- Freebies Starts -->

		</aside>
		<!-- Left sidebar ends -->

		<!-- Dashboard Wrapper starts -->
		<div class="dashboard-wrapper">

			<!-- Top Bar starts -->
			<div class="top-bar">
				<div class="page-title">
					主页
				</div>
				<ul class="stats hidden-xs">
					<li>
						<div class="stats-block hidden-sm hidden-xs">
							<span id="downloads_graph"></span>
						</div>
						<div class="stats-details">
							<!--<h4>$<span id="today_income">580</span> <i class="fa fa-chevron-up up"></i></h4>
							<h5>昨日总收入</h5>-->
						</div>
					</li>
					<li>
						<div class="stats-block hidden-sm hidden-xs">
							<span id="users_online_graph"></span>
						</div>
						<div class="stats-details">
							<!--<h4>$<span id="today_expenses">235</span> <i class="fa fa-chevron-down down"></i></h4>
							<h5>昨日总支出</h5>-->
						</div>
					</li>
				</ul>
			</div>
			<!-- Top Bar ends -->

			<!-- Main Container starts -->
			<div class="main-container">

				<!-- Container fluid Starts -->
				<div class="container-fluid">

					<!-- Current Stats Start -->
					<div class="current-stats">
						<div class="row">
							<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
								<div class="danger-bg center-align-text">
									<div class="spacer-xs">
										<!-- <i class="fa fa-github fa-2x"></i> -->
										<small class="text-white">武汉</small>
										<h3 class="no-margin no-padding">9%</h3>
									</div>
								</div>
							</div>
							<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
								<div class="success-bg center-align-text">
									<div class="spacer-xs">
										<!-- <i class="fa fa-foursquare fa-2x"></i> -->
										<small class="text-white">西安</small>
										<h3 class="no-margin no-padding text-white">45%</h3>
									</div>
								</div>
							</div>
							<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
								<div class="info-bg center-align-text">
									<div class="spacer-xs">
										<!-- <i class="fa fa-facebook fa-2x"></i> -->
										<small class="text-white">成都</small>
										<h3 class="no-margin no-padding">37%</h3>
									</div>
								</div>
							</div>
							<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
								<div class="brown-bg center-align-text">
									<div class="spacer-xs">
										<!-- <i class="fa fa-google-plus fa-2x"></i> -->
										<small class="text-white">南京</small>
										<h3 class="no-margin no-padding">25%</h3>
									</div>
								</div>
							</div>
							<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
								<div class="linkedin-bg center-align-text">
									<div class="spacer-xs">
										<!-- <i class="fa fa-linkedin fa-2x"></i> -->
										<small class="text-white">厦门</small>
										<h3 class="no-margin no-padding">19%</h3>
									</div>
								</div>
							</div>
							<div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
								<div class="twitter-bg center-align-text">
									<div class="spacer-xs">
										<!-- <i class="fa fa-twitter fa-2x"></i> -->
										<small class="text-white">湘潭</small>
										<h3 class="no-margin no-padding text-white">12%</h3>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- Current Stats End -->

					<!-- Spacer starts -->
					<div class="spacer">
						<!-- Row Start -->
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<!-- Widget starts -->
								<div class="blog">
									<div class="blog-header">
										<h5 class="blog-title">旅行团实况</h5>
									</div>
									<div class="blog-body">
										<div class="row">
											<div class="col-lg-10 col-md-10 col-sm-12 col-xs-12">
												<div id="china-map" class="chart-height-lg"></div>
											</div>
											<div class="visitors-total">
												<h3>88,305</h3>
												<p>上周旅行人数</p>
											</div>
											<div class="visit-stats">
												<ul class="clearfix">
													<li>
														<div class="donut animated rubberBand">
															<div id="donut-chart-1" style="width:48px; height: 48px;"></div>
															<span>65%</span>
														</div>
														<h2 class="text-danger">7235</h2>
														<p>Visits</p>
													</li>
													<li>
														<div class="donut animated rubberBand">
															<div id="donut-chart-2" style="width:48px; height: 48px;"></div>
															<span>17%</span>
														</div>
														<h2 class="text-info">3269</h2>
														<p>Male</p>														
													</li>
													<li>
														<div class="donut animated rubberBand">
															<div id="donut-chart-3" style="width:48px; height: 48px;"></div>
															<span>32%</span>
														</div>
														<h2 class="text-success">5972</h2>
														<p>Female</p>														
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<!-- Widget ends -->
							</div>
						</div>
						<!-- Row End -->

						<!-- Row Start -->
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<!-- Widget starts -->
								<div class="blog">
									<div class="blog-header">
										<h5 class="blog-title">行程安排</h5>
									</div>
									<div class="blog-body">
										<!-- Row starts -->
										<div class="row">
											<div class="col-lg-4 col-md-4 col-sm-5 col-xs-12">
												<div class="bg-primary-light">
													<h3 class="text-danger  no-margin">今天</h3>
													<ul class="appointments">
														<li><i class="fa fa-circle text-danger"></i>北京观光团   @ 10:30 AM</li>
														<li><i class="fa fa-circle text-warning"></i>澳门观光团 @ 12:00 PM</li>
														<li><i class="fa fa-circle text-success"></i>武汉观光团 to Sandy</li>
														<li><i class="fa fa-circle text-info"></i>长沙旅游团 @ 4:00 PM</li>
														<li><i class="fa fa-circle text-fb"></i>成都旅游团 @ 8:00 PM</li>
													</ul>
												</div>
											</div>
											<div class="col-lg-8 col-md-8 col-sm-7 col-xs-12">
												<div id="datepicker"></div>
											</div>
										</div>
										<!-- Row ends -->
									</div>
								</div>
								<!-- Widget ends -->
							</div>
						</div>
						<!-- Row End -->


						<!-- Row Starts -->
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
								<div class="blog blog-success no-margin">
									<div class="blog-header">
										<h5 class="blog-title">套餐偏好</h5>
									</div>
									<div class="blog-body">
										<div class="table-responsive">
											<table class="table table-condensed table-bordered no-margin">
												<tbody>
													<tr>
														<td>
															<span class="chart" id="spark_1"></span>
														</td>
														<td>
															武汉
														</td>
														<td>
															19275, Walnut Creek, CA
														</td>
														<td>
															4531
														</td>
														<td>
															<span class="badge badge-info">
																Processing
															</span>
														</td>
														<td rowspan="5" class="center-align-text">
															<div class="chart" id="spark_6"></div>
														</td>
													</tr>
													<tr>
														<td>
															<span class="chart" id="spark_2"></span>
														</td>
														<td>
															长沙
														</td>
														<td>
															18932, Wilsan Gardan Broadway, SU
														</td>
														<td>
															9852
														</td>
														<td>
															<span class="badge badge-success">
																Sent
															</span>
														</td>
													</tr>
													<tr>
														<td>
															<span class="chart" id="spark_3"></span>
														</td>
														<td>
															上海
														</td>
														<td>
															11217, Church Street, SN
														</td>
														<td>
															1744
														</td>
														<td>
															<span class="badge badge-danger">
																Cancelled
															</span>
														</td>
													</tr>
													<tr>
														<td>
															<span class="chart" id="spark_4"></span>
														</td>
														<td>
															成都
														</td>
														<td>
															3229, North Broadway, GN
														</td>
														<td>
															4321
														</td>
														<td>
															<span class="badge badge-info">
																Processing
															</span>
														</td>
													</tr>
													<tr>
														<td>
															<span class="chart" id="spark_5"></span>
														</td>
														<td>
															香港
														</td>
														<td>
															2318, New Lason Road, BS
														</td>
														<td>
															245
														</td>
														<td>
															<span class="badge badge-success">
																Sent
															</span>
														</td>
													</tr>
												</tbody>
											</table>
										</div>  
									</div>
								</div>
							</div>
						</div>
						<!-- Row Ends -->

					</div>
					<!-- Spacer ends -->

				</div>
				<!-- Container fluid ends -->
			</div>
			<!-- Main Container ends -->

			<!-- Right sidebar starts -->
			<div class="right-sidebar">
				
				<!-- Addons starts -->
				<div class="add-on clearfix">
					<div class="add-on-wrapper">
						<h5>Tasks</h5>
						<section class="todo">
							<fieldset class="todo-list">
								<label class="todo-list-item info">
									<input type="checkbox" class="todo-list-cb">
									<span class="todo-list-mark"></span>
									<span class="todo-list-desc">Attend seminar</span>
								</label>
								<label class="todo-list-item danger">
									<input type="checkbox" class="todo-list-cb">
									<span class="todo-list-mark"></span>
									<span class="todo-list-desc">UX workshop</span>
								</label>
								<label class="todo-list-item success">
									<input type="checkbox" class="todo-list-cb">
									<span class="todo-list-mark"></span>
									<span class="todo-list-desc">Pickup kids @4pm</span>
								</label>
								<label class="todo-list-item danger">
									<input type="checkbox" class="todo-list-cb">
									<span class="todo-list-mark"></span>
									<span class="todo-list-desc">Send wishes</span>
								</label>
								<label class="todo-list-item success">
									<input type="checkbox" class="todo-list-cb">
									<span class="todo-list-mark"></span>
									<span class="todo-list-desc">Redesign Application</span>
								</label>
								<label class="todo-list-item info">
									<input type="checkbox" class="todo-list-cb">
									<span class="todo-list-mark"></span>
									<span class="todo-list-desc">Send an email</span>
								</label>
							</fieldset>
						</section>
					</div>
				</div>
				<!-- Addons ends -->

			</div>
			<!-- Right sidebar ends -->

			<!-- Footer starts -->
			<footer>
				Copyright Everest Ruiyi 2019.
			</footer>
			<!-- Footer ends -->
			<!-- Footer ends -->

		</div>
		<!-- Dashboard Wrapper ends -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.js"></script>

		<!-- jQuery UI JS -->
		<script src="js/jquery-ui-v1.10.3.js"></script>

		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>

		<!-- Sparkline graphs -->
		<script src="js/sparkline.js"></script>

		<!-- jquery ScrollUp JS -->
		<script src="js/scrollup//jquery.scrollUp.js"></script>

		<!-- Notifications JS -->
		<script src="js/alertify/alertify.js"></script>
		<script src="js/alertify/alertify-custom.js"></script>

		<!-- Flot Charts -->
		<script src="js/flot/jquery.flot.js"></script>
		<script src="js/flot/jquery.flot.tooltip.min.js"></script>
		<script src="js/flot/jquery.flot.resize.min.js"></script>
		<script src="js/flot/jquery.flot.stack.min.js"></script>
		<script src="js/flot/jquery.flot.orderBar.min.js"></script>
		<script src="js/flot/jquery.flot.pie.min.js"></script>

		<!-- JVector Map -->
		<script src="js/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
		<script src="js/jvectormap/jquery-jvectormap-usa.js"></script>

		<!-- Custom Index -->
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=TXpiurGuzOo1wHQ9AZXGQNHjzGU9Za1G"></script>
		<script src="js/custom.js"></script>
		<script src="js/custom-index.js"></script>
        <script src="js/maps/index-map.js"></script>
        
        <script>
            var citys = $('.citys');
                $.ajax({
                    url: webPath+"city/list",
                    type: "get",
                    success: function(res){
                        result = res.data;
                        for(var i=0; i<result.length; i++){
                            var option = document.createElement('option');
                            option.setAttribute("value",result[i].id);
                            option.innerText = result[i].name;
                            $('.citys').append(option);
                        }

                    },
                    error: function (xhr) {
                        alert(xhr.status);
                    }
                });

            $('#map_city_confirm').click(function(){
                var cityId = $('#map_city').val()
                // console.log('./map.html?cityId=' + cityId);
                window.location.href = './map.html?cityId=' + cityId;
            });
        </script>
	</body>
</html>